.new{
	width: 80%;
	margin: 0 auto;
	background: #fbfcfc;
	.n_top{
		width: 100%;
		img{
			width: 100%;
		}
	}
	.n_bottom{
		display: flex;
        .n_div{
        	width: 75%;
        	.n_con{
        		li{
        			display: flex;
        			justify-content:space-between;
        			margin-top: 30px;
        			div:nth-child(1){
        				width:152px;
                        border:1px solid gray;
                        p:nth-child(1){
                        	width:150px;
                        	text-align:center;
                        	line-height: 100px;
                        	font-size: 50px;
                        	background: lighten(#ccc,15%);
                        	color: #fc904e;
                        }
                         p:nth-child(2){
                         	 width:150px;
                             text-align:center;
                             line-height: 40px;
                             background: #fc904e;
                             border-top:1px solid gray;
                             color: #fff; 
                             transition:1s;
                             &:hover{
                                 background:#313131;
                             }
                         }
        			}
        			div:nth-child(2){
                        border:1px solid gray;
                        display: flex;
                        width: 78%;
                        transition:1s;
                        span:nth-child(1){
                        	width:30%;
                        	img{
                        		width: 100%;
                        		height: 100%;
                        	}
                        }
                        span:nth-child(2){
                            transition:1s;
                             width: 80%;
                             background: lighten(#ccc,15%);
                             padding: 0 13px;
                             p:nth-child(1){
                                 text-align:right;
                                 font-size: 18px;
                                 color: #313131;
                                 line-height: 50px;
                                 font-weight: bold;
                                 transition:1s;
                             }
                             p:nth-child(2){
                             	 font-size: 14px;
                             	 line-height: 18px;
                                 transition:1s;
                             }
                        }
                        
                             &:hover span:nth-child(2){
                                 background:#313131;
                                 p:nth-child(1){
                                    color:#fff;
                                 }
                                 p:nth-child(2){
                                    color:#ccc;
                                 }
                             }

        			}
        		}
        	}
        	.n_fenye{
        		width: 100%;
        		display: flex;
        		margin-top: 30px;
        		margin-bottom: 80px;
        		justify-content:center;
        		li{
        			div{
        				border: 1px solid gray;
        				padding: 10px;
        				cursor: pointer;
        				margin-left: 10px;
        				color: lighten(gray,0%);
        			}
        		}
        	}
        }
        .n_ul{
        	width: 20%;
        	margin-top: 20px;
        	   li{
        		    margin-left:16%; 
					width: 70%;
					text-align: center;
					line-height: 45px;
					background: lighten(#ccc,15%);
					font-size: 15px;
					color: darken(gray,15%);
					margin-top: 8px;
					transition:1s;
					cursor: pointer;
					&:hover{
						color:#fff;
						background: #fc904e;
					}
        	    }
        }
	}
}